<template>
  <div class="page28" v-loading="loading">
    <div class="page-title">移动业务负净增</div>
    <div class="tableBox">
      <el-table :data="tableData" class="tableTh28" border>
        <el-table-column label="单位:万户" prop="displayName" align="center"></el-table-column>
        <el-table-column label="月新增" prop="xzThisMonthValue" align="center"></el-table-column>
        <el-table-column label="月主动拆机" prop="cjThisMonthValue" align="center"></el-table-column>
        <el-table-column label="月离网" prop="lwThisMonthValue" align="center"></el-table-column>
        <el-table-column label="月净增" prop="jzThisMonthValue" align="center"></el-table-column>
        <el-table-column label="年主动拆机" prop="cjThisYearLjValue" align="center"></el-table-column>
        <el-table-column label="年离网" prop="lwThisYearLjValue" align="center"></el-table-column>
        <el-table-column label="年净增" prop="jzThisYearLjValue" align="center"></el-table-column>
      </el-table>
    </div>
  </div>
</template>
<script>
import { $budgetAPI } from "@/api";
export default {
  props: {
    form: {
      type: Object,
      default: () => ({})
    }
  },
  data(){
    return {
      loading: false,
      tableData: [],
    }
  },
  created(){
    
  },
  methods: {
    getData(){
      this.loading = true;
      $budgetAPI.getCountyOperationPage28(
        { token: this.form.token, areaId: this.form.areaId, acctMonth: this.form.month },
        res => {
          if(res.code == 0){
            this.tableData = res.content;
          }
          this.loading = false;
        },
        err => {
          this.loading = false;
        }
      )
    }
  }
}
</script>
<style lang="scss" scoped>
.page28 {
  padding: 20px;
  border: 1px solid #dee5f3;
  border-radius: 5px;
  margin-top: 20px;
  .page-title {
    text-align: center;
    font-size: 24px;
    font-weight: 900;
  }
  .tableBox {
    margin-top: 20px;
  }
}
/deep/ .el-table {
  .el-table__header tr,
  .el-table__header th {
    padding: 0;
    height: 26px;
    font-size: 12px;
  }
  .el-table__row {
    td {
      padding: 0 !important;
    }
    .cell {
      padding: 2px 0 !important;
      font-size: 12px !important;
    }
  }
}
</style>